<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>元音词频统计结果页</title>
    <style>

    div.transbox
    {
    width: 400px;
    height: 300px;
    background-color:#ffffff;
    position: fixed;
    top: 20%;
    left: 0;
    right: 0;
    margin:0 auto;
    opacity:0.7;
    filter:alpha(opacity=60); /* IE8 及更早版本 */
    }


    body {
      background: url("/static/img/h14.gif") center 0 ;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
     }
    </style>
</head>
<body>
<main style="backgrouond: {{background}}">
  <div class="py-5 text-center container">
    <div class="row py-lg-5">
      <div class="col-lg-6 col-md-8 mx-auto">

    <div class="transbox">
<br>

<h1 align="center">元音词频统计结果</h1>
<h2 align="center">你这个粗心的python大画家<br>又敲错了元音字母：<br><br> <strong><b>{{ found }}</b></strong></h2>


    </div>
      </div>
    </div>
    </div>
  </section>
</main>
</body>
</html>